<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<title>礼品发放方式</title>
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script type="text/javascript" src="js/2.1.4jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	</head>
	<body>
		<div class="bgCont bgCont2 mb-40"></div>
		<div class="codeBox codeBoxF">
			<div class="codeCon1" style="padding: 0.6rem 0">
				<div class="switch flex flex-justify-c">
					<div class="titimg-img"><img src="img/point1.png" /> </div>
					<div class="titimg-text">魔羯座</div>
					<div class="titimg-img"><img src="img/point2.png"/> </div>
				</div>
				<div class="img-box t-align-c"><img src="./img/xz2.png" /> </div>
				<div class="img-text">介绍文案 介绍文案 介绍文案 介绍文案介绍文案 介绍文案~</div>
			</div>
		</div>
		<div class="codeBox1" style="width: 100%;">
			<div class="Tips Tips1 mt-80">设置礼品发放方式</div>
			<div class="grant-box flex flex-align-c">
				<div class="cases flex flex-align-c on">
					<img src="img/sc-img1.png" />
					<span>学校统一发放</span>
				</div>
				<div class="cases flex flex-align-c">
					<img src="img/te-img.png" />
					<span>对点发放给老师</span>
				</div>
			</div>
		</div>
		<div class="mb-40">
			<div class="bottom-btn">转发链接</div>
		</div>
		
	<script>
		$(function () {
			$('.grant-box .cases').click(function(){
				if($(this).hasClass("on")){
					return false
				}
				$(this).addClass('on').siblings().removeClass('on')
				$(this).find("img").attr('src', $(this).find("img").attr("src").replace('.','1.'))
				$(this).siblings().find("img").attr('src', $(this).siblings().find("img").attr("src").replace('1.','.'))
			})
		})
	</script>
	<script>
		(function(docs, win) {
			var docEls = docs.documentElement,
				resizeEvts = 'orientationchange' in window ? 'orientationchange' : 'resize',
				recalcs = function() {
					window.rem = docEls.getBoundingClientRect().width / 10;
					docEls.style.fontSize = window.rem + 'px';
				};
			recalcs();
			if (!docs.addEventListener) return;
			win.addEventListener(resizeEvts, recalcs, false);
		})(document, window);
	</script>
	</body>
</html>
